<style>
</style>
<template>
    <ly-page>
        <ly-navi title="饼图"></ly-navi>
        <ly-page-content>
            <ly-panel style="width: 600px">
                <ly-panel-header title="原始数据">
                </ly-panel-header>
                <ly-panel-content>
                    <ly-chart-top-list :date="date"
                                       link="/portal/chart/data/data5.json"></ly-chart-top-list>
                </ly-panel-content>
            </ly-panel>

            <ly-code-view>
                <pre v-pre>
                  <ly-chart-top-list :date="date"
                                     link="/portal/chart/data/data5.json"></ly-chart-top-list>
                </pre>
            </ly-code-view>
            <ly-markdown>
                <pre v-pre>
## `ly-chart-top-list`
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  link |数据网络地址	  |string |—	|—	|
|  params | 网络请求参数 会作为post参数提交	  |Object|-	|{}	|
|  date |  正常是时间类型参数 会以get提交		|Object |-|{}|
|  noGlobal | 不使用全局参数	|boolean |-	|默认请求参数包含 Ly.chart.global_params 全局参数|
|  height | 高度	  |int |-	|310	|
|  key_name |  名称取值的key	  |string |-	|g	|
|  key_value | 值取值 key	|string |-	|c|
|  color | 颜色取值	|array |前几名的颜色| ['#FF4319', '#FF7619', '#FFA119']	|
                </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    chat_param: {
                        'a': 'a',
                        'b': 'b'
                    },
                    date: {
                        begin_time: dayjs().add(-24, 'h').unix(),
                        end_time: dayjs().unix()
                    }
                }
            },
            created: function () {

            },
            mounted: function () {

            },
            methods: {
                showDialog: function () {


                },

            }
        }
    })
</script>